<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>

    <header class="header">
        <!-- 上板块 -->
        <div class="header_t">
            <div class="H_one w">
                <div class="H_one1">
                    <ul class="ul1">
                        <li class="tiao1"><a href="#">你好&nbsp;登录&nbsp;&nbsp;<span>注册</span></a></li>
                        <!-- <li><a href="#">注册</a></li> -->
                        <li><a href="#">我的邦购</a></li>
                        <li><a href="#">联系客服</a></li>
                    </ul>
                    <ul class="ul2">
                        <li><a href="#"><span class="iconfont icon-shouji"></span>下载APP</a></li>
                        <li><a href="#">微博</a></li>
                        <li><a href="#">微信</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 中间板块 -->
        <div class="header_c w">
            <div class="H_two">
                <div class="H_two1">
                    <img src="img/logo.png" alt="">
                </div>
                <div class="H_two2">
                    <div class="Htwo_l">
                        <input type="text" value="8/9 20:00-8/12 10:00限时2件6折!">
                        <button class="but1"><span class="iconfont icon-sousuo"></span>搜索</button>
                    </div>
                    <div class="Htwo_r">
                        <ul>
                            <li><a href="#">夹克</a></li>
                            <li>│</li>
                            <li><a href="#">美特斯邦威牛仔裤</a></li>
                            <li>│</li>
                            <li><a href="#">衬衫商务</a></li>
                            <li>│</li>
                            <li><a href="#">卫衣</a></li>
                        </ul>
                    </div>
                </div>
                <div class="H_two3">
                    <span class="iconfont icon-gouwuche"></span>购物袋<span class="lin">0</span>件
                </div>
            </div>
        </div>
        <!-- 下板块 -->
        <div class="header_b w">
            <div class="H_three1">
                <ul class="nav1">
                    <li class="shouye"><a href="#"></a>首页</li>
                    <li class="nanzhuang"><a href="#">男装</a>
                        <ol class="erji">
                            <div class="erji_l">
                                <div class="topz shangz">上装</div>
                                <li class="topz1"><a href="#">卫衣</a></li>
                                <li class="topz1"><a href="#">长袖衬衫</a></li>
                                <li class="topz1"><a href="#">夹克</a></li>
                                <li class="topz1"><a href="#">毛衣</a></li>
                                <li class="topz1"><a href="#">西装</a></li>
                                <li class="topz1"><a href="#">风衣</a></li>
                                <li class="topz1"><a href="#">大衣</a></li>
                                <li class="topz1"><a href="#">羽绒服</a></li>
                                <li class="topz1"><a href="#">短袖T恤</a></li>
                                <li class="topz1"><a href="#">长袖T恤</a></li>
                            </div>
                            <div class="erji_l">
                                <div class="topz">下装</div>
                                <li class="topz1"><a href="#">牛仔长裤</a></li>
                                <li class="topz1"><a href="#">休闲长裤</a></li>
                                <li class="topz1"><a href="#">针织休闲裤</a></li>
                                <li class="topz1"><a href="#">西裤</a></li>
                                <li class="topz1"><a href="#">牛仔中短裤</a></li>
                                <li class="topz1"><a href="#">休闲中短裤</a></li>
                            </div>

                        </ol>
                    </li>
                    <li class="nvzhuang"><a href="#">女装</a>
                        <ol class="erji_nv">
                            <div class="erji_l">
                                <div class="topz">上装</div>
                                <li class="topz1"><a href="#">卫衣</a></li>
                                <li class="topz1"><a href="#">长袖衬衫</a></li>
                                <li class="topz1"><a href="#">夹克</a></li>
                                <li class="topz1"><a href="#">毛衣</a></li>
                                <li class="topz1"><a href="#">西装</a></li>
                                <li class="topz1"><a href="#">风衣</a></li>
                                <li class="topz1"><a href="#">大衣</a></li>
                                <li class="topz1"><a href="#">羽绒服</a></li>
                                <li class="topz1"><a href="#">短袖T恤</a></li>
                                <li class="topz1"><a href="#">长袖T恤</a></li>
                            </div>
                            <div class="erji_l">
                                <div class="topz">下装</div>
                                <li class="topz1"><a href="#">牛仔长裤</a></li>
                                <li class="topz1"><a href="#">休闲长裤</a></li>
                                <li class="topz1"><a href="#">针织休闲裤</a></li>
                                <li class="topz1"><a href="#">西裤</a></li>
                                <li class="topz1"><a href="#">牛仔中短裤</a></li>
                                <li class="topz1"><a href="#">休闲中短裤</a></li>
                            </div>
                            <div class="erji_l">
                                <div class="topz">裙装</div>
                                <li class="topz1"><a href="#">连衣裙</a></li>
                                <li class="topz1"><a href="#">半身裙</a></li>
                            </div>
                            <div class="erji_l">
                                <div class="topz">内衣</div>
                                <li class="topz1"><a href="#">内衣上装</a></li>
                                <li class="topz1"><a href="#">内衣下装</a></li>
                                <li class="topz1"><a href="#">家居服</a></li>
                                <li class="topz1"><a href="#">袜子</a></li>
                            </div>
                        </ol>
                    </li>
                    <li class="tongzhaung"><a href="#">儿童装</a>
                        <ol class="children">
                            <div class="erji_l">
                                <div class="topz">男童</div>
                                <li class="topz1"><a href="#">衬衫</a></li>
                                <li class="topz1"><a href="#">卫衣</a></li>
                                <li class="topz1"><a href="#">外套</a></li>
                                <li class="topz1"><a href="#">T恤</a></li>
                            </div>
                            <div class="erji_l">
                                <div class="topz">婴幼童</div>
                                <li class="topz1"><a href="#">连体衣</a></li>
                            </div>

                        </ol>
                    </li>
                    <li><a href="#"></a>鞋履</li>
                    <li><a href="#"></a>箱包</li>
                </ul>
            </div>
            <div class="H_three2">
                <ul>
                    <li class="xielv"><img src="img/pcsyfl_2.png" alt=""></li>
                    <li class="xiangbao"><img src="img/pcxgxdyg.gif" alt=""></li>
                </ul>
            </div>
        </div>

    </header>


</body>

</html>
<script src="jQuery.js"></script>
<script src="js/header.js"></script>
<script>
    // 点击首页登录跳转到登录页面
    $(".tiao1").eq(0).click(
        function () {
            $(location).attr('href', 'denglu.html');
        }
    );

    $(".shouye").eq(0).click(
        function () {
            $(location).attr('href', 'indox.html');
        }
    );

    $(".shangz").eq(0).click(
        function () {
            $(location).attr('href', 'list.html');
        }
    );

    // $.get("goodsAndShoppingCart/getGoodsType.php", function (data) {
    //     console.log(data)
    //     for (let i = 0; i < $(".second li a").length; i++) {
    //         $(".second li a").eq(i).html(`${data[i].goodsType}`)
    //     }
    // }, "json")


    // -------------------------------------------------------------
    // 获取所有商品类型（接口）


</script>